<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleAddEvalConvRequest(xhr, status, args) {                     
            if(args.validationFailed) {  
     
            } else {                              
                carDialog.hide();  
                jQuery('#btnGuardarPersonaSelecc').fadeOut();  
            }  
        }  
    </SCRIPT>
  <p:tabView id="tabPrincipalDeta" orientation="left" style="#{applicationMBean.estiloTitulo}">
      <p:tab title="#{i18n['gestion.talentos.competencia']}">
       <h:form onsubmit="return checkSubmit();" id="frmDetalleDesarrollo">  
            <h:panelGrid columns="3">
                <h:panelGrid id="pgFormDtoPDesarrollo" columns="3">
                    <p:dataTable id="tblDesarrollo" value="#{gestionTalentoMBean.listaCompetenciaDto}" var="dtoCompetenciaPuesto"
                                 emptyMessage="#{i18n['gestion.talentos.puesto.competencia']}" styleClass="estiloPanel">                        
                        <p:column headerText="#{i18n['gestion.talentos.puesto.competencia']}"  >
                            <h:outputText value="#{dtoCompetenciaPuesto.descripcion}" styleClass="txtCampo" />
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.competencia.valor.meta']}"  >
                            <h:outputText value="#{dtoCompetenciaPuesto.valorMeta}" styleClass="txtCampo" />
                        </p:column>
                    </p:dataTable>
                    
                </h:panelGrid>
                <h:panelGrid id="pgFormDtoPDesarrolloPersona" columns="3">
                    <p:dataTable id="tblDesarrolloPersona" value="#{gestionTalentoMBean.listaEvaluacionDesempenoArbolDto}" var="dtoCompetenciaPersona"
                                 emptyMessage="#{i18n['gestion.talentos.empleado.competencia']}" styleClass="estiloPanel">                        
                        <p:column headerText="#{i18n['gestion.talentos.empleado.competencia']}"  >
                            <h:outputText value="#{dtoCompetenciaPersona.descripcion}" styleClass="txtCampo" />
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.competencia.valor.meta']}"  >
                            <h:outputText value="#{dtoCompetenciaPersona.gradoObjetivo}" styleClass="txtCampo" />
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
            </h:panelGrid> 
       </h:form>
      </p:tab>  
      <p:tab title="#{i18n['gestion.talentos.desarrollo']}">
            <h:form onsubmit="return checkSubmit();"  id="frmDesarrollo">
                <h:panelGrid  columns="2" cellpadding="4" id="pgDesarrollo">
                    <h:outputLabel value="#{i18n['gestion.talentos.descripcion']}" styleClass="label"/>
                       <p:inputText label="#{i18n['proceso.label.descripcion']}"
                                    value="#{gestionTalentoMBean.desarrolloDto.descripcion}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="100" minimum="3" />
                        </p:inputText>
                        <h:outputLabel styleClass="label" value="#{i18n['gestion.talentos.desarrollo.fecha.inicio']}"/>   
                        <p:calendar value="#{gestionTalentoMBean.desarrolloDto.fechaInicio}" label="#{i18n['gestion.talentos.desarrollo.fecha.inicio']}" 
                                    pattern="#{applicationMBean.formatoFecha}"  required="true" disabled="false" mindate="#{contratoMBean.fechaActual}"
                                     style="#{applicationMBean.estiloObligatorio}" readonly="#{sessionMBean.accion == 3}">
                             <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" timeZone="#{applicationMBean.timeZone}"/>
                         </p:calendar>
                        
                         <h:outputLabel styleClass="label" value="#{i18n['gestion.talentos.desarrollo.fecha.fin']}"/>   
                         <p:calendar value="#{gestionTalentoMBean.desarrolloDto.fechaFin}" label="#{i18n['gestion.talentos.desarrollo.fecha.fin']}" 
                                    pattern="#{applicationMBean.formatoFecha}"  required="true" disabled="false" mindate="#{contratoMBean.fechaActual}"
                                     style="#{applicationMBean.estiloObligatorio}" readonly="#{sessionMBean.accion == 3}">
                             <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" timeZone="#{applicationMBean.timeZone}"/>
                         </p:calendar>
                    
                    <p:spacer width="10" />
                    <p:commandButton icon="ui-icon ui-icon-plus" title="#{i18n['persona.button.agregar.conocimiento_adicional']}"
                                     value="#{i18n['persona.button.agregar.conocimiento_adicional']}"
                                     rendered="#{sessionMBean.privilegiosOpciones['477']=='true' &amp;&amp; sessionMBean.accion != 3}"
                                     style="#{applicationMBean.cssBotonBusqueda}" ajax="true"
                                     update=":msjDialogDesarrollo, :tabPrincipalDeta:frmDesarrolloDetalle:pgDesarrolloDetall, :tabPrincipalDeta:frmDesarrollo:pgDesarrollo"
                                     action="#{gestionTalentoMBean.agregarDesarrollo}">
                    </p:commandButton>
                </h:panelGrid>
                </h:form>
                <h:form onsubmit="return checkSubmit();"  id="frmDesarrolloDetalle">          
                <h:panelGrid columns="1" id="pgDesarrolloDetall">
                    <p:dataTable id="tblDesarrollo" value="#{gestionTalentoMBean.listaDesarrolloDto}" var="dtoDesarrollo"
                                 emptyMessage="#{i18n['convocatoria.mensaje.no.miembro_comite']}" styleClass="estiloPanel">
                        <p:column style="text-align:center;">
                            <h:panelGrid id="pgBotonesGrilla" columns="10" cellspacing="10" styleClass="estiloPanelGrid">
                                <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                 rendered="#{sessionMBean.privilegiosOpciones['478']=='true' and sessionMBean.accion!=3}" ajax="true" immediate="true"
                                                 update=":tabPrincipalDeta:frmDesarrolloDetalle:pgDesarrolloDetall"
                                                 action="#{gestionTalentoMBean.eliminarDesarrollo}">
                                    <f:setPropertyActionListener value="#{dtoDesarrollo}" target="#{gestionTalentoMBean.desarrolloDto}" />
                                </p:commandButton>
                            </h:panelGrid>
                        </p:column>
                        <p:column headerText="#{i18n['conocimiento_adicional.label.descripcion']}"  >
                            <h:outputText value="#{dtoDesarrollo.descripcion}" styleClass="txtCampo" />
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.fecha.inicio']}"  >
                            <h:outputText value="#{dtoDesarrollo.fechaInicio}" styleClass="txtCampo" >
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                            </h:outputText> 
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.fecha.fin']}"  >
                            <h:outputText value="#{dtoDesarrollo.fechaFin}" styleClass="txtCampo" >
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                            </h:outputText> 
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.estado']}">   
                            <p:selectOneMenu value="#{dtoDesarrollo.estadoDto}"  converter="parametroConvert"  disabled="#{sessionMBean.accion == 3}"                              
                                         style="#{applicationMBean.estiloObligatorio}">
                                <f:selectItems value="#{gestionTalentoMBean.listaDesarrolloEstado}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                            </p:selectOneMenu>

                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.actualizar.accion']}" rendered="#{sessionMBean.privilegiosOpciones['484']=='true' and sessionMBean.accion == 2}">
                                <p:commandButton icon="ui-icon ui-icon-check" title="#{i18n['general.button.confirmar']}" 
                                                 ajax="true"
                                                 update=":msjDialogDesarrollo, :tabPrincipalDeta:frmDesarrolloDetalle:pgDesarrolloDetall"
                                                 action="#{gestionTalentoMBean.procesarEstadoDesarrollo}">
                                    <f:setPropertyActionListener value="#{dtoDesarrollo}" target="#{gestionTalentoMBean.desarrolloDto}" /> 
                                </p:commandButton>
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
       </p:tab>
      <p:tab title="#{i18n['gestion.talentos.desarrollo.comentario']}">
          <h:form onsubmit="return checkSubmit();"  id="frmComentario">
               <h:panelGrid columns="1" id="pgComentDetall">
                    <p:dataTable id="tblDesarrollo" value="#{gestionTalentoMBean.listaPersonaDesarrollo}" var="dtoComent"
                                 emptyMessage="#{i18n['gestion.talentos.desarrollo.comentario']}" styleClass="estiloPanel">
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.comentario']}"  >
                            <p:inputTextarea label="#{i18n['balanced.score.card.label.comentario']}" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                             value="#{dtoComent.observaciones}"  readonly="#{sessionMBean.accion == 3}"
                                             maxlength="1000" cols="100" rows="7"  style="#{applicationMBean.estiloObligatorio}">
                            </p:inputTextarea>
                        </p:column>
                        <p:column headerText="#{i18n['gestion.talentos.desarrollo.actualizar.accion']}" rendered="#{sessionMBean.privilegiosOpciones['480']=='true' and sessionMBean.accion == 2}">
                                <p:commandButton icon="ui-icon ui-icon-check" title="#{i18n['general.button.confirmar']}" 
                                                 ajax="true"
                                                 update=":msjDialogDesarrollo, :tabPrincipalDeta:frmComentario:pgComentDetall"
                                                 action="#{gestionTalentoMBean.procesarcomentarioPersona}">
                                    <f:setPropertyActionListener value="#{dtoComent}" target="#{gestionTalentoMBean.personaTalentoDto}" /> 
                                </p:commandButton>
                        </p:column>
                    </p:dataTable>
                </h:panelGrid>
          </h:form>
      </p:tab>
    </p:tabView>
</html>